/* General stuff */
body {
  font-family: sans-serif;
  font-size: 13px;
  padding: 0;
  margin: 0;
  background: #000000;
  color: #cccccc;
}
a {
  color: #739fcf;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

input,.text,select {
  font-family: sans-serif;
  font-size: 14px;
}
textarea {
  font-family: monospace;
  font-size: 15px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Main wrapper */

.wrap {
  background: #000000;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* General sections */

/* Bit of padding */
.section {
  margin: 1em;
  color: #cccccc;
}
.nav + .section > h2 {
  margin-top: 0;
}
.nav + .section > .paste-nav + h2 {
  margin-top: 0.75em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Navigation */

/* Main nav */
.nav {
  /* Positioning */
  text-align: right;
  height: 45px;
  line-height: 45px;
  padding-right: 1em;
  /* Foreground color */
  color: #cccccc;
  /* Background color */
  background: #000000;
}
/* Links */
.nav a {
  color: #d3d7cf;
  text-decoration: none;
}
.nav a + a {
  margin-left: 1em;
}

.logo {
  position: absolute;
  font-size: 1.5em;
  left: 1em;
  font-weight: bold;
  color: #c4a000;
  font-family: monospace;
}

a.logo {
  color: #c4a000;
}

.logo:hover {
  color: #fce94f;
}

#home h2, #browse h2 {
  display: none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Paste form */

input[name=title] {
  width: 20em;
  color: #cccccc;
  background-color: #000000;
  border-radius: 4px;
}
input[name=author] {
  width: 8em;
  color: #cccccc;
  background-color: #000000;
  border-radius: 4px;
}
select[name=language] {
  width: 7em;
  color: #cccccc;
}
select[name=channel] {
  width: 7em;
  color: #cccccc;
}
/* Hide the labels */
form > p > label > span {
  display: none;
}
/* Code area is big */
form > textarea  {
  margin-top: 1em;
  display: block;
  width: 100%;
  height: 30em;
}
.paste-buttons {
  float: right;
}
.paste-buttons .public {
  cursor: pointer;
  color: #4e9a06;
  background-color: #000000;
}
.paste-buttons .private {
  cursor: pointer;
  color: #75507b;
  background-color: #000000;
}
.paste-buttons .public:hover {
  color: #8ae234;
}
.paste-buttons .private:hover {
  color: #ad7fa8;
}
.spam { display: none; }
textarea,.text {
  border: 1px solid #d3d7cf;
  border-radius: 0.1em;
}
.text + .text,
.text + select,
select + select {
  margin-left: 0.25em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Colors */

pre .hs-comment        { color:#3465a4 }
pre .hs-comment a      { color:#3465a4; font-style: italic; }
pre .hs-keyword        { color:#4e9a06 }
pre .hs-str            { color:#cc0000 }
pre .hs-conid          { color:#cccccc }
pre .hs-layout         { color:#cccccc }
pre .hs-varop, pre .hs-keyglyph          { color:#c4a000; }
pre .hs-varid          { color:#cccccc }
pre .hs-num            { color:#cc0000 }
 pre .diff              { color:#555 }
pre code .title        { color:#c4a000 }
pre code .string       { color:#cc0000 }
 pre code .built_in     { color:#397460 }
pre code .preprocessor { color:#75507b }
pre code .comment      { color:#3465a4 }
 pre code .command      { color:#397460 }
 pre code .special      { color:#333 }
 pre code .formula      { color:#4F4371 }
pre code .keyword      { color:#4e9a06 }
pre code .number       { color:#cc0000 }
 pre code .header       { color:#555 }
 pre code .deletion     { background-color:#FDD; color:#695B5B }
 pre code .addition     { background-color:#DFD; color:#000 }
 pre                    { margin:0 }
pre .hs-definition     { color: #cccccc }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Diffs */

.diff-first {
  color: #cc0000;
}
.diff-second {
  color: #4e9a06;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Line numbers */

.code td {
  vertical-align:top
}
.line-nums pre {
  margin:0 1em 0 0;
  text-align:right
}
.line-nums pre a {
  text-decoration:none;
  color: #555753;
}
.line-nums pre a:hover {
  color: #3465a4;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Footer */

.footer {
  border-top: 1px solid #d3d7cf;
  background: #000000;
  padding: 1em;
}
.footer p {
  margin: 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Hints */

.section-warn,.section-error {
  padding: 0.6em;
  margin: 0;
}
.section-light + .section-warn,
.section-light + .section-error {
  margin-top: 1em;
}
.section-error + .section-error,
.section-warn + .section-warn,
.section-error + .section-warn {
  border-top: 0;
}
.section-warn {
  background: #000000;
  color: #ef2929;
  border-top: 1px dashed #ef2929;
  border-bottom: 1px dashed #ef2929;
}
.section-error {
  background: #000000;
  color: #cc0000;
  border-top: 1px dashed #cc0000;
  border-bottom: 1px dashed #cc0000;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Pagination */

.pages-list {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.pages-list li {
  display: inline-block;
}
.pages-list li + li {
  margin-left: 1em;
}
.pages-list a.active {
  color: /*#222*/#555753;
  font-weight: bold;
  cursor: default;
}
.pages-list a.active:hover,
.pages-list li.disabled a:hover {
  text-decoration: none;
  cursor: default;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Browse page */

table th {
  text-align: left;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #cccccc;
}
table td {
  padding-right: 1em;
  padding-top: 1em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Paste page */

.paste-nav {
  margin-top: 0.5em;
  color: #aaa;
}
.paste-nav a {
  color: #4e6272;
}

.section-dark {
  background: #000000;
  color: #cccccc;
  margin: 0 !important;
  padding-left: 1em;
  padding-top: 1em;
  padding-bottom: 0.5em;
  border-top: 1px solid #d3d7cf;
  border-bottom: 1px solid #d3d7cf;
}
.section-dark h2 {
  margin-bottom: 0;
  padding-bottom: 0;
}
.section-light {
  color: #cccccc;
}
.section-dark + .section-light {
  margin-top: 0;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Paste specs */

.paste-specs {
  list-style-type: none;
  padding-left: 0;
}
.paste-specs > li {
  line-height: 1.8em;
}
.paste-specs > li > strong {
  display: inline-block;
  width: 6em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Literate haskell bird style */

.bird-code pre {
}
.bird-code .beak {
  color: #aaa;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* Home page */
#home .nav {
  border-bottom: 1px solid #eee;
}

#home textarea {
  border-size: 1px;
  border-radius: 8px;
  color: #cccccc;
  background-color: #000000;
}

#home textarea::selection {
  color: #000000;
  background: #cccccc;
}
